<div class="sys-title">
	<h2 id="TopName"></h2></div>
<div id="tmBb">

</div>
<div class="sys-content">

	<div class="panel">
		<div class="panel-head">
			<div class="panel-title">
				<h3>日志列表</h3>
			</div>

			<a id="asbtn" class="arr fr" href="javascript:void(0)">高级检索<em></em></a>
			<div class="filter">

				<input id="DateRange" type="text" placeholder="选择时间范围" value="">
				<div class="fm-group">
					<select id="keyType" class="clickHide"></select>
					<input id="searchVal" class="clickHide" type="text" placeholder="请输入关键词查询">

					<div class="fm-group-list clickHide">
						<p class="clickHide">可输入其他字段精确查询</p>
						<ul id="keyListVal">
							<!--<li><input type="text" placeholder="数据库名称" title="数据库名称"></li>
							<li><input type="text" placeholder="表名称" title="表名称"></li>
							<li><input type="text" placeholder="数据库账户" title="数据库账户"></li>
							<li><input type="text" placeholder="客户端IP" title="客户端IP"></li>-->
						</ul>
					</div>
				</div>

				<button id="search1" class="btn">检索</button>
			</div>
		</div>
		<div class="panel-body">

			<div class="advanced-search" id="topBody">
				<!--<div class="as-item">
              <div class="as-item-tit">数据库类型</div>
              <div class="as-item-con">
                <ul class="check-group check-toggle" id="poolType">
                  <li ><a href="javascript:void(0);">HBASE</a></li>
                  <li ><a href="javascript:void(0);">Oracle</a></li>
                  <li><a href="javascript:void(0);">Mysql</a></li>
                  <li><a href="javascript:void(0);">Sql server</a></li>
                  <li><a href="javascript:void(0);">SOLR</a></li>
                </ul>
              </div>
            </div>
            <div class="as-item">
              <div class="as-item-tit" >审计对象</div>
              <div class="as-item-con">
                <ul class="check-group check-toggle" id="audiTtype">
                  <li><a href="javascript:void(0);">GA大数据门户</a></li>
                  <li><a href="javascript:void(0);">ORACLE1109</a></li>
                  <li><a href="javascript:void(0);">MYSQL_MZGA</a></li>
                </ul>
              </div>
            </div>
            <div class="as-item">
              <div class="as-item-tit">操作类型</div>
              <div class="as-item-con">
                <ul class="check-group check-toggle" id="ConType2">
                  <li><a href="javascript:void(0);">select</a></li>
                  <li><a href="javascript:void(0);">insert</a></li>
                  <li><a href="javascript:void(0);">update</a></li>
                  <li><a href="javascript:void(0);">delete</a></li>
                </ul>
                  <a class="more" href="javascript:void(0)"><i class="icon-add-circle-o"></i>更多</a>
              </div>
            </div>-->

			</div>
			<div class="advanced-search">
				<div class="as-item">
					<div class="as-item-tit">其他</div>
					<div class="as-item-con">
						<select id="result">
							<!--<option>执行结果</option>
                <option>成功</option>
                <option>失败</option>-->
						</select>
						<span id="backVal">时间范围：<input id="DateRange_2" type="text" placeholder="选择时间范围" value="">
					</div>

				</div>
				<div class="as-item as-item-btnbar">
					<button class="btn btn-sm btn-minor" id="achieve">检索</button>
				</div>
			</div>
			<table class="table table-striped">
				<thead>
					<tr id="tableTr">
						<th class="field no-sort" width="60">
							<a class="colbtn no-sort" href="javascript:void(0)"><i class="icon-eye-o"></i></a>
							<ul class="field-list" id="tbList">
								
								<!--<li class="checked">审计对象名称</li>
	                <li class="checked">数据库名称</li>
	                <li class="checked">数据库账户</li>
	                <li class="checked">客户端IP</li>
	                <li class="checked">操作类型</li>
	                <li class="checked">操作结果</li>
	                <li class="checked">返回记录数</li>
	                <li class="checked">日志等级</li>
	                <li class="checked">操作时间 </li>-->
							</ul>
						</th>

						<!--<th>审计对象名称</th>
	            <th>数据库名称</th>
	            <th>数据库账户</th>
	            <th>客户端IP</th>
	            <th>操作类型</th>
	            <th>操作结果</th>
	            <th>返回记录数</th>
	            <th>日志等级</th>
	            <th>操作时间 </th>-->

					</tr>
				</thead>
				<tbody id="tableBody">
					<!--<tr>
                <td><a href="javascript:void(0);">0825010014</a></td>
                <td>脱敏设备14</td>
                <td><span class="badge">低</span></td>
						<td>webDB</td>
						<td>t-cityInfo</td>
						<td>查询</td>
						<td><span class="badge badge-success">成功</span></td>
						<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825010013</a>
							</td>
							<td>脱敏设备13</td>
							<td><span class="badge">低</span></td>
							<td>webDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825010012</a>
							</td>
							<td>脱敏设备12</td>
							<td><span class="badge">低</span></td>
							<td>webDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825010011</a>
							</td>
							<td>脱敏设备11</td>
							<td><span class="badge">低</span></td>
							<td>webDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825010010</a>
							</td>
							<td>脱敏设备10</td>
							<td><span class="badge">低</span></td>
							<td>webDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825020007</a>
							</td>
							<td>探针设备7</td>
							<td><span class="badge fc-danger">高</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td><span class="fc-danger">删除</span></td>
							<td><span class="badge badge-danger">失败</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825020006</a>
							</td>
							<td>探针设备6</td>
							<td><span class="badge fc-warning">中</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td><span class="fc-danger">编辑</span></td>
							<td><span class="badge badge-danger">失败</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825020005</a>
							</td>
							<td>探针设备5</td>
							<td><span class="badge">低</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825020004</a>
							</td>
							<td>探针设备4</td>
							<td><span class="badge">低</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825020003</a>
							</td>
							<td>探针设备3</td>
							<td><span class="badge">低</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825020002</a>
							</td>
							<td>探针设备2</td>
							<td><span class="badge">低</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825020001</a>
							</td>
							<td>探针设备1</td>
							<td><span class="badge">低</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:35</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825030003</a>
							</td>
							<td>运维设备3</td>
							<td><span class="badge fc-warning">中</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td><span class="fc-danger">编辑</span></td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:34</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825030002</a>
							</td>
							<td>运维设备2</td>
							<td><span class="badge">低</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td>查询</td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:21:32</td>
						</tr>
						<tr>
							<td>
								<a href="javascript:void(0);">0825030001</a>
							</td>
							<td>运维设备1</td>
							<td><span class="badge fc-warning">中</span></td>
							<td>portalDB</td>
							<td>t-cityInfo</td>
							<td><span class="fc-danger">编辑</span></td>
							<td><span class="badge badge-success">成功</span></td>
							<td>2017-08-25 09:20:30</td>
						</tr>-->
						</tbody>
						</table>

						<div class="footbar">
							<div class="btns"><button class="btn btn-minor" id="loadLog">导出日志</button></div>
							<div class="page">
								<!--<ul class="pagination">
                <li class="disabled"><a href="javascript:void(0);">&lt;</a></li>
                <li class="active"><a href="javascript:void(0);">1</a></li>
                <li><a href="javascript:void(0);">2</a></li>
                <li><a href="javascript:void(0);">3</a></li>
                <li><a href="javascript:void(0);">4</a></li>
                <li><a href="javascript:void(0);">5</a></li>
                <li><a href="javascript:void(0);">&gt;</a></li>
                <li><input type="text"></li></li>
              </ul>-->
							</div>
						</div>

					</div>
					<!--panel-body end-->
				</div>
			</div>
			<div class="dialog" id="info">
				<div class="dialog-win">
					<div class="dialog-head"><span>日志详情</span>
						<a id="closees" class="close" href="javascript:void(0);"><i class="icon-close"></i></a>
					</div>
					<div class="dialog-body">
						<table class="table-basic">
							<!--<div id="thead">
								
							</div>-->
								
							
							<tbody id="alertBody">
								
							</tbody>
						</table>

					</div>
				</div>
			</div>
			<!--dialog end-->
			<script>
				$(".more").on("click", function() {
					$(this).parent().height() < 51 ? $(this).parent().css({
						"height": "auto"
					}) : $(this).parent().css({
						"height": "50"
					});
				})

				//	 $("#searchVal").on('focus', function() {
				//	    $(this).next().slideDown(400);
				//	  });
				$("#search1").on('focus', function() {
					$("#searchVal").next().slideUp(0);
				});
			</script>

			<script src="scripts/app/safe/logManage/templates.js"></script>
			<script src="scripts/app/safe/logManage/tm1Hbase.js"></script>